<template>
	<view>
		<!-- #ifdef MP-WEIXIN -->
		<view class="custom_box">
			<image class="indexbg"
				src="https://images.fudiemall.com/storage/default/20250411/BG77ff634c5c493fbb0cb752c7b44d86c703900c11.png"
				mode="aspectFill"></image>
			<view :style="{height: statusBarHeight + 'px', backgroundColor: backgroundColor }"></view>
			<view class="custom_nav " :style="{height: titleHeight + 'px', backgroundColor: backgroundColor}">
				<!-- <image class="goback"
					src="https://images.fudiemall.com/storage/default/20250411/left1a09bc837d836f79ae700b66670bc2b280f7c972.png"
					mode="aspectFill" @click="leftClick"></image> -->
				<text class="f28 c3">消息</text>
			</view>
		</view>
		<view :style="{height: statusBarHeight + titleHeight + 'px'}" style="width: 100%;"></view>
		<!-- #endif -->
		<!-- #ifdef H5 -->
		<view class="">
			<u-navbar title="消息" :fixed="true" :placeholder="true" :safeAreaInsetTop="true" :autoBack="false"
				leftIconColor="#333" titleStyle="color:#333" @leftClick="leftClick" bgColor="transparent"></u-navbar>
			<image class="indexbg"
				src="https://images.fudiemall.com/storage/default/20250411/BG77ff634c5c493fbb0cb752c7b44d86c703900c11.png"
				mode="aspectFill"></image>
		</view>
		<!-- #endif -->
		<!-- #ifdef MP-ALIPAY -->
		<image class="indexbg"
			src="https://images.fudiemall.com/storage/default/20250411/BG77ff634c5c493fbb0cb752c7b44d86c703900c11.png"
			mode="aspectFill"></image>
		<view class="custom-nav" :style="{height:titleHeight + statusBarHeight + 'px'}">
			<view class="custom_addrress"
				:style="{height: titleHeight + 'px',paddingTop: statusBarHeight + 'px',lineHeight:titleHeight + 'px' }">

				消息
			</view>
		</view>
		<!-- #endif -->
		<view class="new_box mart flex_dq" @click="golists(1)">
			<view class="notice">
				<image
					src="https://images.fudiemall.com/storage/default/20250411/news8b9455e9295cf6939b57951e50c96e9278c3ebcd.png"
					mode="aspectFill"></image>
				
			</view>
			<view class=" flex_Z">
				<text class="f36  marb">云猫公告</text>
				<text class="f28 c6">{{gonggao}}</text>
			</view>
		</view>
		<view class="new_box mart flex_dq" @click="golists(2)">
			<view class="notice">
				<image
					src="https://images.fudiemall.com/storage/default/20250417/dimao0600c64d1b060ba8d1d0a5984af7f1257f744f87.png"
					mode="aspectFill"></image>
				
			</view>
			<view class=" flex_Z">
				<text class="f36  marb">地猫公告</text>
				<text class="f28 c6">{{gonggao}}</text>
			</view>
		</view>
		<view class="new_box mart flex_dq" @click="goservice">
			<view class="notice">
				<image
					src="https://images.fudiemall.com/storage/default/20250806/fwtz9015348ba5a96b8b3c42e85252f4b6231bccf461.png"
					mode="aspectFill"></image>
				<!-- <text class="notice_txt"
					v-if="overallNews.is_all_read_number!=0">{{overallNews.is_all_read_number>99?'99+':overallNews.is_all_read_number}}</text> -->
			</view>
			<view class=" flex_Z">
				<text class="f36  marb">服务通知</text>
				<text class="f28 c6" v-if="servicelist && servicelist.name"  >{{servicelist.name||"暂无消息"}}</text>
			</view>
		</view>
		<view class="new_box mart flex_dq" @click="gointeraction">
			<view class="notice">
				<image
					src="https://images.fudiemall.com/storage/default/20250806/hdxxf338607768cdbfa8ff526393f27fa7f288418e29.png"
					mode="aspectFill"></image>
				<!-- <text class="notice_txt"
					v-if="overallNews.is_all_read_number!=0">{{overallNews.is_all_read_number>99?'99+':overallNews.is_all_read_number}}</text> -->
			</view>
			<view class=" flex_Z">
				<text class="f36  marb">互动消息</text>
				<text class="f28 c6">{{interactionlist.name||"暂无消息"}}</text>
			</view>
		</view>

		<view class="new_box flex_dq" @click="gochats">
			<view class="notice">
				<image
					src="https://images.fudiemall.com/storage/default/20250411/chant054b4cd21441eb67e118d22cca22dd1e29aee45e.png"
					mode="aspectFill"></image>

			</view>
			<view class=" flex_Z">
				<text class="f36  marb">我的群聊</text>
			</view>
		</view>

		<!-- #ifdef H5 || MP-WEIXIN -->
		<u-swipe-action>
			<u-swipe-action-item :options="options1" v-for="item in group" :key="item.conversationId"
				@click="delitem(item)">
			<!-- #endif -->
				<!-- #ifdef MP-ALIPAY -->
				<view v-for="item in group" :key="item.conversationId" @longpress="longdel(item)">
				<!-- #endif -->

					<view class="new_box flex_dq" @click="gochat(item.conversationId, item.conversationType)">
						<view class="notice">
							<image :src="item.lastMessage.ext.groupheadimg" mode="aspectFill"></image>
							<text class="notice_txt"
								v-if="item.unReadCount!=0">{{item.unReadCount > 99 ? '99+' : item.unReadCount}}</text>
						</view>
						<view class="flex_Z">
							<text class="f36 zts marb">{{item.lastMessage.ext.groupname}}</text>
							<text class="f28 slh c4"
								v-if="item.lastMessage.type === 'txt' && item.conversationType === 'singleChat'">{{item.lastMessage.msg}}</text>
							<text class="f28 c4"
								v-if="item.lastMessage.type === 'img' && item.conversationType === 'singleChat'">[图片]</text>
							<text class="f28 c4"
								v-if="item.lastMessage.type === 'video' && item.conversationType === 'singleChat'">[视频]</text>
							<text class="f28 c4"
								v-if="item.lastMessage.type === 'audio' && item.conversationType === 'singleChat'">[语言]</text>
							<text class="f28 slh c4"
								v-if="item.lastMessage.type === 'txt' && item.conversationType === 'groupChat'">{{item.lastMessage.ext.nickname}}:{{item.lastMessage.msg}}</text>
							<text class="f28 c4"
								v-if="item.lastMessage.type === 'img' && item.conversationType === 'groupChat'">{{item.lastMessage.ext.nickname}}:[图片]</text>
							<text class="f28 c4"
								v-if="item.lastMessage.type === 'video' && item.conversationType === 'groupChat'">{{item.lastMessage.ext.nickname}}:[视频]</text>
							<text class="f28 c4"
								v-if="item.lastMessage.type === 'audio' && item.conversationType === 'groupChat'">{{item.lastMessage.ext.nickname}}:[语言]</text>
							<text class="f28 c4" v-if="item.lastMessage.customEvent === 'shop_seller_homepage' ||
				   item.lastMessage.customEvent === 'local_seller_homepage' || 
				   item.lastMessage.customEvent === 'shop_goods' || item.lastMessage.customEvent === 'local_goods'||item.lastMessage.customEvent === 'shop_order'||
				   item.lastMessage.customEvent=='shop_seller_goods'">{{item.lastMessage.ext.nickname}}:[分享消息]</text>
				   <text class="f28 c4" v-if="item.lastMessage.customEvent === 'red_message' ">{{item.lastMessage.ext.nickname}}:[红包]</text>
						</view>
						<image v-if="item.marks"
							src="https://images.fudiemall.com/storage/default/20250412/pingbi6c26d40a103633b1e106849fc59e517e19122c76.png"
							style="width: 40rpx;height: 42rpx;position: absolute;top: 50rpx;right: 40rpx;"
							mode="aspectFill">
						</image>
					</view>
				<!-- #ifdef MP-ALIPAY -->
				</view>
				<!-- #endif -->
			<!-- #ifdef H5 || MP-WEIXIN -->
			</u-swipe-action-item>
		</u-swipe-action>
		<!-- #endif -->
		<u-popup :show="delmessage" mode="center" @close="delmessage = false" closeable bgColor="transparent">
			<view class="prompt flex_ZC">
				<text class="f36">提示</text>
				<text class="prompt_tit">确定要删除聊天吗</text>
				<view class="prompt_ntm flex_ld_a">
					<text @click="delmessage = false">取消</text>
					<text @click="delitem(delitems)">确定</text>
				</view>
			</view>
		</u-popup>

		<!-- <view class="new_box flex_dq" @click="gochat(item.conversationId,item.conversationType)" v-for="item in group"
			:key="item.conversationId">
		
			<view class="notice">
				<image :src="item.lastMessage.ext.groupheadimg" mode="aspectFill"></image>
				<text class="notice_txt"
					v-if="item.unReadCount!=0">{{item.unReadCount> 99 ?'99+':item.unReadCount}}</text>

			</view>
			<view class=" flex_Z">
				<text class="f36 zts marb">{{item.lastMessage.ext.groupname}}</text>
				<text class="f28 slh c4"
					v-if="item.lastMessage.type=='txt'&&item.conversationType=='singleChat'">{{item.lastMessage.msg}}</text>
				<text class="f28 c4"
					v-if="item.lastMessage.type=='img'&&item.conversationType=='singleChat'">[图片]</text>
				<text class="f28 c4"
					v-if="item.lastMessage.type=='video'&&item.conversationType=='singleChat'">[视频]</text>
				<text class="f28 c4"
					v-if="item.lastMessage.type=='audio'&&item.conversationType=='singleChat'">[语言]</text>
				<text class="f28 slh c4"
					v-if="item.lastMessage.type=='txt'&&item.conversationType=='groupChat'">{{item.lastMessage.ext.nickname}}:{{item.lastMessage.msg}}</text>
				<text class="f28 c4"
					v-if="item.lastMessage.type=='img'&&item.conversationType=='groupChat'">{{item.lastMessage.ext.nickname}}:[图片]</text>
				<text class="f28 c4"
					v-if="item.lastMessage.type=='video'&&item.conversationType=='groupChat'">{{item.lastMessage.ext.nickname}}:[视频]</text>
				<text class="f28 c4"
					v-if="item.lastMessage.type=='audio'&&item.conversationType=='groupChat'">{{item.lastMessage.ext.nickname}}:[语言]</text>
				<text class="f28 c4"
<<<<<<< HEAD
					v-if="item.lastMessage.customEvent=='shop_seller_homepage'||item.lastMessage.customEvent=='local_seller_homepage'||item.lastMessage.customEvent=='shop_goods'||item.lastMessage.customEvent=='local_goods'">{{item.lastMessage.ext.nickname}}:[分享消息]</text>
					<text class="f28 c4"
						v-if="item.lastMessage.customEvent=='red_message'">{{item.lastMessage.ext.nickname}}:[红包]</text>
=======
					v-if="item.lastMessage.customEvent=='shop_seller_homepage'||item.lastMessage.customEvent=='local_seller_homepage'
					||item.lastMessage.customEvent=='shop_goods'||item.lastMessage.customEvent=='local_goods'||
					item.lastMessage.customEvent=='shop_order'||item.lastMessage.customEvent=='shop_seller_Goods'">{{item.lastMessage.ext.nickname}}:[分享消息]</text>
>>>>>>> paymain
			</view>
			<image v-if="item.marks"
				src="https://images.fudiemall.com/storage/default/20250412/pingbi6c26d40a103633b1e106849fc59e517e19122c76.png"
				style="width: 40rpx;height: 42rpx;position: absolute;top: 50rpx;right: 40rpx;" mode="aspectFill">
			</image>
		</view> -->

		<!-- <view class="" data-url="/pagesMy/chat/chat" @click="allJump">
			去群聊
		</view> -->
		<!-- 				<view class="new_box flex_dq">
			<view class="notice">
				<image src="../../static/icon/system.png" mode="aspectFill"></image>
				<text class="notice_txt"  v-if="overallNews.message_is_read_number!=0">{{overallNews.message_is_read_number>99?'99+':overallNews.message_is_read_number}}</text>
			</view> 
			<view class=" flex_Z" data-url="/pagesMy/setting/notification" @click="allJump"> 
				<text class="f36 c0 marb">我的群聊</text>
				<text class="f28 c4">{{content}}</text>
			</view>
		</view>
		<view class="new_box flex_dq">
			<view class="notice">
				<image src="../../static/icon/system.png" mode="aspectFill"></image>
				<text class="notice_txt"  v-if="overallNews.message_is_read_number!=0">{{overallNews.message_is_read_number>99?'99+':overallNews.message_is_read_number}}</text>
			</view> 
			<view class=" flex_Z" data-url="/pagesMy/setting/notification" @click="allJump"> 
				<text class="f36 c0 marb">我的好友</text>
				<text class="f28 c4">{{content}}</text>
			</view>
		</view> -->
		<!-- <view class="light"></view> -->
	</view>
</template>

<script>
	import {
		myuser
	} from "../../api/user.js"
	import {
		memberGroupList
	} from "../../api/hx.js"
	import {
		service,interaction
	} from "../../api/other.js"
	import WebIM from "../../utils/WebIM.js"
	export default {
		data() {
			return {
				xiaoxi: '585',
				overallNews: [],
				content: "",
				gonggao: '',
				group: [],
				newArray: [],
				groupid: [],
				userinfo: {},
				nums: "",
				num1: "",
				statusBarHeight: 0, //状态栏高度
				titleHeight: 0, // 标题栏高度
				backgroundColor: '',
				delmessage: false,
				delitems: {},
				options1: [{
					// #ifdef H5 || MP-WEIXIN
					text: '删除',
					style: {
						backgroundColor: "#F56C6C"
					}
					// #endif
					// #ifdef MP-ALIPAY
					text: '',
					// #endif
				}],
				interactionlist:{
					name:""
				},
				servicelist:null
			}
		},
		onLoad() {
			// this.getoverallNews()
		},
		onShow() {
			if (uni.getStorageSync("token")) {
				this.getmsg()
				this.newArray = []
				// this.getoverallNews()

				this.getlist()
				this.getuser()
			}
			this.getgrouplist()
			this.getservice()
			this.getinteraction()
		},
		onReady() {
			// #ifdef MP-ALIPAY || MP-WEIXIN
			uni.getSystemInfo({
				success: res => {
					this.statusBarHeight = res.statusBarHeight;
					const btnInfo = uni.getMenuButtonBoundingClientRect()
					this.titleHeight = (btnInfo.top - this.statusBarHeight) * 2 + btnInfo.height
				}
			})
			// #endif

		},
		methods: {
			gointeraction(){
				uni.navigateTo({
					url:"/pageDao/Dao/interactionlist"
				})
			},
			goservice(){
				uni.navigateTo({
					url:"/pageDao/Dao/servicelist"
				})
			},
			getinteraction(){
				interaction({
					page:1
				}).then(res=>{
					this.interactionlist=res.data.data[0]
				})
			},
			getservice(){
				service({
					page:1
				}).then(res=>{
					this.servicelist=res.data.data[0]
					console.log(res)
				})
			},
			longdel(item) {
				this.delitems = item
				this.delmessage = true
			},
			delitem(delitem) {
				let options = {
					// 会话 ID：单聊为对方的用户 ID，群聊为群组 ID。
					channel: delitem.conversationId,
					// 会话类型：（默认） `singleChat`：单聊；`groupChat`：群聊。
					chatType: delitem.conversationType,
					// 删除会话时是否同时删除服务端漫游消息。
					deleteRoam: true,
				};
				uni.WebIM.conn
					.deleteConversation(options)
					.then((res) => {
						uni.$u.toast('删除成功')
						this.getgrouplist()
						console.log(res);
					})
					.catch((e) => {
						// 删除失败。
					});
				console.log(delitem)
			},
			golists(type) {
				uni.navigateTo({
					url: "/pageDao/Dao/noticelist?type=" + type
				})
			},
			leftClick() {
				//获取页面栈的长度
				const canNavBack = getCurrentPages()
				console.log(canNavBack.length);
				// 判断是否刷新了浏览器，刷新了浏览器，页面栈只有当前一个
				if (canNavBack.length > 1) {
					uni.navigateBack({
						delta: 1
					})
				} else {
					uni.switchTab({
						url: '/pages/index/cloudCatIndex'
					})
				}
			},
			gochats() {
				uni.navigateTo({
					url: "/pageDao/groupchat/grouplist"
				})
			},
			getlist() {
				memberGroupList({}).then(res => {
					if (res.code == 1) {
						this.list = res.data
					}
				})
			},
			login() {
				let that = this
				var options = {
					user: that.userinfo.id.toString(),
					accessToken: that.userinfo.hx_im_token,
					appKey: uni.WebIM.config.appkey
				};
				console.log(options, "登陆数据")

				uni.WebIM.conn.open(options).then(res => {

						console.log(res, "查看")
						this.getgrouplist()
					})
					.catch((reason) => {
						console.log("login fail", reason);
					});
				// console.log("登录成功")

				// console.log("登录成功")

			},
			gochat(id, type) {
				if (type == "singleChat") {
					uni.navigateTo({
						url: "/pageDao/groupchat/singleChat?id=" + id
					})
				} else {
					uni.navigateTo({
						url: "/pageDao/groupchat/groupchat?id=" + id
					})
				}

			},
			getuser() {
				myuser().then(res => {
					console.log(res)
					if (res.code == 1) {
						this.userinfo = res.data
						if (uni.getStorageSync("hx_im_token") && !uni.getStorageSync("is_hxlogin")) {
							this.login()
						} else {
							this.getgrouplist()
						}

					}
				})
			},
			getmsg() {
				let that = this
				uni.WebIM.conn.addEventHandler("onMessage", {
					onMessage: function(ress) {
						console.log(ress)
						setTimeout(() => {
							that.getgrouplist()
						}, 1500)
						// console.log("qwdqwd", ress)
					}

				})
				uni.WebIM.conn.addEventHandler("onError", {
					onError: function(ress) {
						console.log("qdqdqdqds", ress)
						if (ress.type == 28 || ress.type == 32 || ress.type == 39 || ress.type == 1 || ress
							.type == 700) {
							console.log("异常")
							uni.setStorageSync("is_hxlogin", 0)
							// that.getuser()
						}
						if (ress.type == 16) {
							that.getuser()
							uni.$u.tosat("网络异常")
						}
						console.log(ress, "失败")
						// that.getgrouplist()
						// console.log("qwdqwd", ress)
					}

				})
				// uni.WebIM.conn.addEventHandler("onTextMessage", {
				// 	onImageMessage: function(ress) {
				// 		setTimeout(()=>{
				// 			that.getgrouplist()
				// 		},1500)
				// 		// console.log("qwdqwd", ress)
				// 	}

				// })
				// uni.WebIM.conn.addEventHandler("onVideoMessage", {
				// 	onVideoMessage: function(ress) {
				// 		setTimeout(()=>{
				// 			that.getgrouplist()
				// 		},1500)
				// 		// console.log("qwdqwd", ress)
				// 	}

				// })

			},
			getgrouplist() {
				// uni.WebIM.conn.logOut().then(res=>{
				// 	console.log(res)
				// })

				uni.WebIM.conn.getServerConversations({
					pageSize: 50,
					cursor: ''
				}).then(res => {
					const data = {
						...res
					}
					console.log("%c>>>会话列表", "color:#6ad1c7", data)
					this.nums = 0;

					for (let i = 0; i < data.data.conversations.length; i++) {
						if (data.data.conversations[i].conversationType == "singleChat") {
							let users = data.data.conversations[i].conversationId
							uni.WebIM.conn.fetchUserInfoById(users).then((res) => {
								console.log(res)
								this.$nextTick(() => {
									data.data.conversations[i].lastMessage.ext.groupheadimg = res
										.data[users].avatarurl
									data.data.conversations[i].lastMessage.ext.groupname = res
										.data[users].nickname
								})

							});
						}
					}
					this.group = data.data.conversations
					console.log(this.group);
					for (let i = 0; i < this.group.length; i++) {
						if (this.group[i].marks) {
							this.nums = 0
							this.group[i].unReadCount = 0
							return this.group
						} else {
							this.nums += this.group[i].unReadCount
						}
						// this.addlist.push(this.group[i].conversationId)
						// 将name和avatar一起push到新数组中
					}

					if (this.nums > 0) {
						uni.setTabBarBadge({
							index: 2,
							text: (this.nums > 99 ? '99+' : this.nums).toString()
						})
					} else {
						uni.hideTabBarRedDot({
							index: 2,
						})
					}

					console.log(this.nums)
					// console.log(this.group)
				}).catch(err => {
					console.log("%c>>>会话列表", "color:#6ad1c7", err);
				})
			},
			allJump(e) {
				let {
					url
				} = e.currentTarget.dataset
				uni.navigateTo({
					url: url
				})
			},
			getoverallNews() {
				messagesindex().then(res => {
					console.log(res);
					if (res.code == 1) {
						if (Number(res.data.message_number) > 0) {
							uni.setTabBarBadge({
								index: 3,
								text: (res.data.message_number)
							})
						} else {
							uni.hideTabBarRedDot({
								index: 3,
							})
						}
						this.num1 = Number(res.data.message_number)
						this.overallNews = res.data
						if (res.data.new_notice) {
							this.gonggao = res.data.new_notice.title
						} else {
							this.gonggao = '暂无新公告'
						}
						if (res.data.new_message) {
							this.content = res.data.new_message.content
						} else {
							this.content = '暂无新通知'
						}
					}
				})
			}
		},
	}
</script>
<style>
	page {
		background: #F7F7F7;
	}
</style>
<style scoped lang="scss">
	/deep/.u-swipe-action-item__content {
		background: #F7F7F7 !important;
	}
	/deep/ .u-swipe-action-item__right__button__wrapper{
		background-color: #fff !important;
	}
	/deep/ .u-swipe-action-item__right__button__wrapper__text{
		color:indianred !important;
	}
	.custom_box {
		width: 750rpx;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99;
		padding-bottom: 10rpx;
		opacity: 1;
	}

	.custom_addrress {
		// display: flex;
		// align-items: center;
		font-size: 36rpx;
		font-weight: bold;
		// z-index: 999;
		// color: #FFFFFF;
		/* #ifdef MP-ALIPAY */
		margin-left: 70rpx;
		/* #endif */
	}

	.new_box {
		position: relative;
		width: 100%;
		margin-top: 20rpx;
		z-index: 100;
	}

	.indexbg {
		position: absolute;
		top: 0;
		left: 0;
		width: 750rpx;
		height: 460rpx;

	}

	.custom_nav {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 750rpx;
		font-size: 36rpx;
		z-index: 9;
		color: #FFFFFF;
	}

	.goback {
		position: absolute;
		left: 30rpx;
		// text-align: center;
		width: 14rpx;
		height: 30rpx;
		// color: #000;

	}

	.notice {
		position: relative;
	}

	.notice>image {
		width: 100rpx;
		height: 100rpx;
		border-radius: 50%;
		margin: 0 22rpx;
	}

	.notice_txt {
		position: absolute;
		top: 4rpx;
		right: 16rpx;
		font-size: 24rpx;
		color: #ffffff;
		background: red;
		padding: 6rpx 16rpx;
		border-radius: 40rpx;
	}

	.zts {
		color: #A68A64;
	}

	.mart {
		margin-top: 20rpx;
	}

	.marb {
		margin-bottom: 6rpx;
	}

	.light {
		width: 300rpx;
		height: 300rpx;
		border-radius: 50%;
		background: #ffffff60;
		box-shadow: 0px 0px 30px 30px rgba(255, 255, 255, 1);
		margin: 120rpx auto;
	}

	.slh {
		width: 500rpx;
		white-space: nowrap;
		/* 不换行 */
		overflow: hidden;
		/* 超出部分隐藏 */
		text-overflow: ellipsis;
	}

	.prompt {
		width: 600rpx;
		background: #ffffff;
		margin: 0 auto;
		border-radius: 20rpx;
		padding-top: 10rpx;
		padding-bottom: 40rpx;
	}

	.prompt2 {
		width: 750rpx;
		background: #ffffff;
		margin: 0 auto;
		border-top-right-radius: 20rpx;
		border-top-left-radius: 20rpx;
		padding-top: 10rpx;
		padding-bottom: 40rpx;
	}

	.prompt>text {
		margin-top: 40rpx;
	}

	.prompt_tit {
		margin: 0 30rpx;
		font-size: 28rpx;
		color: #666666;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.prompt_ntm {
		width: 100%;
		font-size: 30rpx;
		margin-top: 50rpx;
	}

	.prompt_ntm2 {
		width: 100%;
		font-size: 30rpx;
		margin-top: 50rpx;

		>text {
			width: 690rpx;
			height: 80rpx;
			background: linear-gradient(270deg, #FA2222 2%, #FFC400 98%);
			border-radius: 190rpx 190rpx 190rpx 190rpx;
			text-align: center;
			line-height: 80rpx;
			color: #fff;
		}
	}

	.prompt_ntm>text:nth-child(1) {
		width: 200rpx;
		height: 72rpx;
		line-height: 72rpx;
		text-align: center;
		background: #F2F2F2;
		border-radius: 40rpx;
		color: #333333;
	}

	.prompt_ntm>text:nth-child(2) {
		width: 200rpx;
		height: 72rpx;
		line-height: 72rpx;
		text-align: center;
		background: linear-gradient(90deg, #FA2222 2%, #FFC400 98%);
		border-radius: 40rpx;
		color: #ffffff;
	}
</style>